<%-- 
    Document   : upload
    Created on : Aug 3, 2013, 11:04:09 PM
    Author     : Thien Nguyen
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Tải bài hát lên</title>
    </head>
    <body>
        <c:if test="${empty username}">
            <jsp:include page="header.jsp"/>
        </c:if>
        <c:if test="${not empty username}">
            <jsp:include page="header1.jsp"/>
        </c:if>
        <div class="m-left">

            <!-- Bootstrap CSS Toolkit styles -->
            <link rel="stylesheet" href="http://chiasenhac.com/upload/bootstrap.min.css">
            <!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
            <link rel="stylesheet" href="http://chiasenhac.com/upload/jquery.fileupload-ui.css">
            <!-- Shim to make HTML5 elements usable in older Internet Explorer versions -->
            <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

            <table cellpadding="0" cellspacing="0" class="forumnone" style="margin-top: 10px">
                <tbody><tr>
                        <td>

                            <!-- The file upload form used as target for the file upload widget -->
                            <form id="fileupload" action="http://chiasenhac.com/upload/index.php" method="POST" enctype="multipart/form-data">
                                <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
                                <div class="row fileupload-buttonbar">
                                    <div class="span6">
                                        <!-- The fileinput-button span is used to style the file input field as button -->
                                        <span class="btn btn-success fileinput-button">
                                            <i class="icon-plus icon-white"></i>
                                            <span>Chọn tập tin để tải lên...</span>
                                            <input type="file" id="file" name="files[]" multiple="" onchange="browsefile2keyword();">
                                        </span>&nbsp;
                                    </div>
                                </div>

                                <!-- The loading indicator is shown during file processing -->
                                <div class="fileupload-loading"></div>
                                <br>
                                <!-- The table listing the files available for upload/download -->
                                <table role="presentation" class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>

                                <!-- The global progress information -->
                                <div class="span5 fileupload-progress fade">
                                    <div class="progress-extended">&nbsp;</div>
                                </div>
                            </form>

                            <br><br>

                            <!-- The template to display files available for upload -->
                            <script id="template-upload" type="text/x-tmpl">
                                {% for (var i=0, file; file=o.files[i]; i++) { %}
                                <tr class="template-upload fade">
                                    <td class="preview"><span class="fade"></span></td>
                                    <td class="name"><span>{%=file.name%}</span></td>
                                    <td class="size" nowrap="nowrap"><span>{%=o.formatFileSize(file.size)%}</span></td>
                                    {% if (file.error) { %}
                                    <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
                                    {% } else if (o.files.valid && !i) { %}
                                    <td>
                                        <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div>
                                    </td>
                                    <td class="start">{% if (!o.options.autoUpload) { %}
                                        <button class="btn btn-primary">
                                            <i class="icon-upload icon-white"></i>
                                            <span>{%=locale.fileupload.start%}</span>
                                        </button>
                                        {% } %}</td>
                                    {% } else { %}
                                    <td colspan="2"></td>
                                    {% } %}
                                    <td class="cancel">{% if (!i) { %}
                                        <button class="btn btn-warning">
                                            <i class="icon-ban-circle icon-white"></i>
                                            <span>{%=locale.fileupload.cancel%}</span>
                                        </button>
                                        {% } %}</td>
                                </tr>
                                {% } %}
                            </script>
                            <!-- The template to display files available for download -->
                            <script id="template-download" type="text/x-tmpl">
                                {% for (var i=0, file; file=o.files[i]; i++) { %}
                                <tr class="template-download fade">
                                    {% if (file.error) { %}
                                    <td></td>
                                    <td class="name"><span>{%=file.name%}</span></td>
                                    <td class="size" nowrap="nowrap"><span>{%=o.formatFileSize(file.size)%}</span></td>
                                    <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
                                    {% } else { %}
                                    <td class="preview">{% if (file.thumbnail_url) { %}
                                        <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
                                        {% } %}</td>
                                    <td class="name">
                                        <!-- a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a -->
                                        <span class="genmed">{%=file.name%}</span>
                                        <input type="hidden" id="file_uploaded" value="{%=file.name%}">
                                    </td>
                                    <td class="size" nowrap="nowrap"><span>{%=o.formatFileSize(file.size)%}</span></td>
                                    <td colspan="2"></td>
                                    {% } %}
                                </tr>
                                {% } %}
                            </script>

                        </td>
                        <td width="138" align="right" valign="top" nowrap=""><a class="sb text upload" href="http://chiasenhac.com/upload_album.php" title="Upload Album">Upload Album</a></td>
                    </tr>
                </tbody></table>


            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
            <!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
            <script src="http://chiasenhac.com/upload/jquery.ui.widget.js"></script>
            <!-- The Templates plugin is included to render the upload/download listings -->
            <script src="http://chiasenhac.com/upload/tmpl.min.js"></script>
            <!-- The Load Image plugin is included for the preview images and image resizing functionality -->
            <script src="http://chiasenhac.com/upload/load-image.min.js"></script>
            <!-- The Canvas to Blob plugin is included for image resizing functionality -->
            <script src="http://chiasenhac.com/upload/canvas-to-blob.min.js"></script>
            <!-- Bootstrap JS and Bootstrap Image Gallery are not required, but included for the demo -->
            <script src="http://chiasenhac.com/upload/bootstrap.min.js"></script>
            <script src="http://chiasenhac.com/upload/bootstrap-image-gallery.min.js"></script>
            <!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
            <script src="http://chiasenhac.com/upload/jquery.iframe-transport.js"></script>
            <!-- The basic File Upload plugin -->
            <script src="http://chiasenhac.com/upload/jquery.fileupload.js"></script>
            <!-- The File Upload file processing plugin -->
            <script src="http://chiasenhac.com/upload/jquery.fileupload-fp.js"></script>
            <!-- The File Upload user interface plugin -->
            <script src="http://chiasenhac.com/upload/jquery.fileupload-ui.js"></script>
            <!-- The localization script -->
            <script src="http://chiasenhac.com/upload/locale.js"></script>
            <!-- The main application script -->
            <script src="http://chiasenhac.com/upload/main.js"></script>
            <!-- The XDomainRequest Transport is included for cross-domain file deletion for IE8+ -->
            <!--[if gte IE 8]><script src="http://chiasenhac.com/upload/jquery.xdr-transport.js"></script><![endif]-->


            <div class="l-baihat"><div class="l-diemcao"><div class="hotman1">
                        <div class="b1"></div><div class="b2"></div><div class="b3"></div><div class="b4"></div>
                        <div class="pad1"><div class="bh-dc">

                                <div id="similar" style="display: none;">

                                    <div class="bod page-dsms" style="margin-left:7px; margin-right:7px; margin-top: 16px;">
                                        <div class="vt11"></div>
                                        <div class="vt21"></div>
                                        <div class="vt31"></div>
                                        <div class="vt41"></div>
                                        <table cellpadding="4" cellspacing="1" class="tbtable">
                                            <tbody><tr>
                                                    <td class="row1" height="28" width="20%">
                                                        <span class="nav">Từ khóa:</span><br>
                                                        <span class="gensmall">(Tên bài hát)</span>
                                                    </td>
                                                    <td class="row2" width="80%">
                                                        <input class="post" type="text" id="keyword" name="keyword" size="60" value="" onchange="similar_receive(this.value, 0);">
                                                        <input class="mainoption searchbtn" type="button" title="Tìm bài hát" value="Tìm" onclick="similar_receive();">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="row1" colspan="2">
                                                        <div id="similar_content"></div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="row2" align="center" valign="middle" colspan="2"><div class="gen">
                                                            <a href="javascript:void(0);" onclick="select_lyric();" class="musictitle">&gt;&gt;&gt; Bài đang gửi lên là bài hát gốc &lt;&lt;&lt;</a>
                                                        </div></td>
                                                </tr>
                                            </tbody></table>
                                    </div>
                                    <div align="right" id="similar_page"></div>

                                    <br>
                                </div>

                                <div id="music_info"> <!-- style="display: none;" -->
                                    <form action="http://chiasenhac.com/upload.php" method="POST" name="musicinfo" enctype="multipart/form-data">
                                        <div class="bod page-dsms" style="margin-left:7px; margin-right:7px; margin-top: 16px;">
                                            <div class="vt11"></div>
                                            <div class="vt21"></div>
                                            <div class="vt31"></div>
                                            <div class="vt41"></div>
                                            <table cellpadding="4" cellspacing="1" class="tbtable">
                                                <tbody><tr class="row1">
                                                        <td height="28"><span class="nav">Bài hát gốc:</span></td>
                                                        <td><div id="music_original"></div></td>
                                                    </tr>
                                                    <tr class="row2">
                                                        <td height="28"><span class="nav">Tên truy cập:</span></td>
                                                        <td><span class="genmed"><b>darkwolzard</b>&nbsp;</span></td>
                                                    </tr>
                                                    <tr class="row1">
                                                        <td height="28"><span class="nav">Kiểu gõ:</span></td>
                                                        <td><span class="genmed">
                                                                <input id="avim_off" name="AVIMMethod" onclick="AVIMObj.setMethod(-1);" type="radio"><label for="avim_off">Tắt</label>
                                                                <input id="avim_telex" name="AVIMMethod" onclick="AVIMObj.setMethod(1);" type="radio"><label for="avim_telex">Telex</label>
                                                                <input id="avim_vni" name="AVIMMethod" onclick="AVIMObj.setMethod(2);" type="radio"><label for="avim_vni">Vni</label>
                                                                <input id="avim_viqr" name="AVIMMethod" onclick="AVIMObj.setMethod(3);" type="radio"><label for="avim_viqr">VIQR</label>
                                                                <input id="avim_viqr2" name="AVIMMethod" onclick="AVIMObj.setMethod(4);" type="radio"><label for="avim_viqr2">VIQR*</label>
                                                                <input id="avim_auto" name="AVIMMethod" onclick="AVIMObj.setMethod(0);" type="radio"><label for="avim_auto">Tất cả</label>
                                                            </span></td>
                                                    </tr>
                                                    <tr class="row2">
                                                        <td height="28" nowrap=""><span class="nav">Tên bài hát:</span></td>
                                                        <td><input class="post" type="text" id="music_title" name="music_title" size="60" value="" onchange="data_changed();"></td>
                                                    </tr>
                                                    <tr class="row1">
                                                        <td height="28">
                                                            <span class="nav">Ca sĩ:</span>
                                                        </td>
                                                        <td>
                                                            <input class="post" type="text" id="artist" name="artist" size="60" value="" onchange="data_changed();">
                                                        </td>
                                                    </tr>
                                                    <tr class="row2">
                                                        <td height="28"><span class="nav">Sáng tác:</span></td>
                                                        <td><input class="post" type="text" id="composer" name="composer" size="60" value="" onchange="data_ext_changed();"></td>
                                                    </tr>
                                                    <tr class="row2">
                                                        <td height="28" nowrap=""><span class="nav">Hãng sản xuất:</span></td>
                                                        <td>
                                                            <input class="post" type="text" id="production" name="production" size="15" value="" onchange="data_ext_changed();">
                                                            &nbsp;&nbsp;
                                                            <span class="nav">Mã đĩa:</span>
                                                            <input class="post" type="text" id="album_id" name="album_id" size="8" value="" onchange="data_ext_changed();">
                                                            &nbsp;&nbsp;
                                                            <span class="nav">Năm phát hành:</span>
                                                            <input class="post" type="text" id="year" name="year" size="4" value="" onchange="data_ext_changed();">
                                                        </td>
                                                    </tr>

                                                    <tr class="row1">
                                                        <td height="28" nowrap=""><span class="nav">Chuyên mục:</span></td>
                                                        <td><select class="post" id="cat_id" name="cat_id" onchange="cat_level_reload(this.value); data_ext_changed();"><option value="2">Beat, Playback</option><option value="3">Nhạc Việt Nam</option><option value="4">Nhạc Âu, Mỹ</option><option value="5">Nhạc Hoa</option><option value="6">Nhạc Hàn</option><option value="7">Nhạc nước khác</option></select> <select class="post" id="cat_level" name="cat_level" onchange="cat_sublevel_reload(this.value); data_changed();"><option value="1">Nhạc pop, rock...</option><option value="2">Nhạc rap, hiphop</option><option value="3">Nhạc dance, remix</option></select> <select class="post" id="cat_sublevel" name="cat_sublevel" onchange="data_changed();"><option value="1">Nhạc trẻ</option><option value="2">Nhạc rock</option><option value="3">Thiếu nhi</option><option value="4">Trữ tình</option><option value="5">Quê hương</option><option value="6">Tiền chiến</option></select></td>
                                                    </tr>
                                                    <tr class="row2">
                                                        <td valign="top">
                                                            <span class="nav">Lời bài hát:</span>
                                                        </td>
                                                        <td>
                                                            <textarea id="lyric" name="lyric" class="post" cols="60" rows="20" onchange="data_ext_changed();"></textarea>
                                                        </td>
                                                    </tr>
                                                    <tr class="row1">
                                                        <td align="center" colspan="2">
                                                            <div id="csnplayer" style="position:relative; z-index: 99999; margin: 0px 0px 0px 0px; float: center; width:px;"></div>
                                                        </td>
                                                    </tr>
                                                    <tr class="row1">
                                                        <td><span class="nav">Ghi chú:</span></td>
                                                        <td><textarea id="note" name="note" class="post" cols="60" rows="3" maxlength="1000" onchange="data_ext_changed();"></textarea></td>
                                                    </tr>
                                                    <tr class="row1">
                                                        <td colspan="2" align="right">
                                                            <input type="button" id="save" name="save" class="mainoption" value="Tải bài hát lên" onclick="save_all();">
                                                        </td>
                                                    </tr>
                                                </tbody></table>
                                        </div>
                                        <div align="right" class="point" id="save_note"></div>
                                    </form>
                                </div>


                                <div class="bod page-dsms" style="margin-left:7px; margin-right:7px; margin-top: 16px;">
                                    <div class="vt11"></div>
                                    <div class="vt21"></div>
                                    <div class="vt31"></div>
                                    <div class="vt41"></div>
                                    <table width="100%" cellpadding="3" cellspacing="1" border="0" class="tbtable">
                                        <tbody><tr>
                                                <th class="catHead" height="21" align="center"><span class="cattitle">Hướng dẫn Upload nhạc mới</span></th>
                                            </tr>
                                            <tr>
                                                <td class="row1" height="50"><span class="gen">
                                                        <u>Bước 1:</u> Nhấn nút <b>+ Chọn tập tin để tải lên...</b> để upload bài hát từ máy tính lên server chiasenhac.com<br><br>
                                                        <u>Bước 2:</u> Điền tên <b>Ca sĩ</b> trình bày ở dưới phần <b>Tên bài hát</b>.<br><br>
                                                        <u>Bước 3:</u> Chỉnh sửa lại <b>Tên bài hát</b> cho chính xác.<br><br>
                                                        <u>Bước 4:</u> Hệ thống sẽ tự động chọn 1 bài hát trong cơ sở dữ liệu có thông tin bài hát gần giống nhất với thông tin bạn đã điền vào. Nếu hệ thống chọn không chính xác, bạn hãy click vào <b>Chọn bài khác</b> ở khung <b>Bài hát gốc</b> để chọn lại cho đúng hoặc chỉnh sửa lại <b>Tên bài hát</b> 1 lần nữa giống bước 3 để tự bổ sung thông tin.<br><br>
                                                        <u>Bước 5:</u> Bổ sung, chỉnh sửa các thông tin còn lại cho chính xác.<br><br>

                                                        <b><u>Lưu ý:</u></b><br><br>
                                                        &nbsp;&nbsp;&nbsp;&nbsp; 1. Nếu vì 1 lý do nào đó, bạn cần thay đổi <i>Tên bài hát</i> hoặc <i>tên ca sĩ</i> thì bạn phải thực hiện lại thứ tự các bước như trên.<br><br>
                                                        &nbsp;&nbsp;&nbsp;&nbsp; 2. Bạn chỉ cần upload file bài hát ở chất lượng cao nhất mà bạn có, hệ thống sẽ xử lý thành các định dạng có chất lượng thấp hơn để phù hợp yêu cầu nghe nhạc của mọi người.<br><br>
                                                        &nbsp;&nbsp;&nbsp;&nbsp; 3. Sau khi file nhạc và thông tin bài hát đã được tải lên hệ thống thành công, bạn phát hiện có thông tin nhập chưa chính xác, cần chỉnh sửa thì bạn vẫn có 5 phút để thể thay đổi. Sau thời hạn 5 phút mà hệ thống không phát hiện thay đổi nào mới thì hệ thống bắt đầu xử lý bài hát của bạn để đăng lên.<br><br>
                                                    </span></td>
                                            </tr>
                                        </tbody></table>
                                </div>

                                <br><br>


                            </div></div></div></div></div>



            <script language="JavaScript" type="text/javascript">
                <!--

                var music_id = '';
                var last_keywords = "";
                var last_start = 0;
                function similar_receive(keyword, start)
                {
                    start = (typeof(start) != 'undefined' && start >= 0) ? start : last_start;
                    keyword = (typeof(keyword) != 'undefined' ) ? keyword : last_keywords;

                    if (document.getElementById('keyword').value != keyword)
                        document.getElementById('keyword').value = keyword;

                    if (!keyword && !document.getElementById('keyword').value)
                    {
                        keyword = document.getElementById('music_title').value;// + ' ' + document.getElementById('artist').value;
                        document.getElementById('keyword').value = keyword;
                    }

                    //document.getElementById('music_info').style.display = 'none';
                    if (document.getElementById('similar').style.display != 'inline')
                        document.getElementById('similar').style.display = 'inline';

                    keyword = trim(keyword);
                    if (last_keywords != keyword || last_start != start || document.getElementById('similar_content').innerHTML == '')
                    {
                        $.post("http://chiasenhac.com/similar.php", { keyword: keyword, start: start, m: music_id },
                        function(data){
                            document.getElementById('similar_content').innerHTML = data;
                        });
                        last_keywords = keyword;
                        last_start = start;

                        var next_start = start + 10;
                        var previous_img = (start > 0) ? '<img src="images/icon_previous.png" alt="Previous" title="Previous" onclick="similar_receive(\'' + keyword + '\', ' + (start - 10 > 0 ? start - 10 : 0)  + ');">' : '';
                        var next_img = '<img src="images/icon_next.png" alt="Next" title="Next" onclick="similar_receive(\'' + keyword + '\', ' + (start + 10) + ');">';
                        document.getElementById('similar_page').innerHTML = previous_img + ' &nbsp; ' + next_img;
                    }
                }

                function ltrim(str, chars) {
                    chars = chars || "\\s";
                    return str.replace(new RegExp("^[" + chars + "]+", "g"), "");
                }

                function rtrim(str, chars) {
                    chars = chars || "\\s";
                    return str.replace(new RegExp("[" + chars + "]+$", "g"), "");
                }

                function trim(str, chars) {
                    return ltrim(rtrim(str, chars), chars);
                }

                function browsefile2keyword()
                {
                    var fullPath = document.getElementById('file').value;
                    if (fullPath != '' && document.getElementById('music_title').value == '')
                    {
                        var startIndex = (fullPath.indexOf('\\') >= 0 ? fullPath.lastIndexOf('\\') : fullPath.lastIndexOf('/'));
                        var filename = fullPath.substring(startIndex);

                        if (filename.indexOf('\\') === 0 || filename.indexOf('/') === 0) {
                            filename = filename.substring(1);
                        }

                        if (filename.indexOf('.') != -1) {
                            filenamesplit = filename.split('.');
                            filename = '';

                            for (i=0; i<filenamesplit.length-1; i++)
                            {
                                filename += ' ' + trim(filenamesplit[i]);
                            }
                        }

                        document.getElementById('keyword').value = trim(filename);
                        document.getElementById('music_title').value = trim(filename);
                        document.getElementById('music_title').focus();
                        //similar_receive(filename, 0);
                    }
                    auto_save();
                }

                function select_lyric(music_id, cat_id, cat_level, title, artist, composer, album, lyric, url)
                {
                    if (album !== false)
                    {
                        lyric_checking = true; // block auto_lyric
                    }

                    music_id = (typeof(music_id) != 'undefined' && music_id > 0) ? music_id : 0;

                    document.getElementById('similar').style.display = 'none';
                    //if (document.getElementById('music_info').style.display != 'inline')
                    //	document.getElementById('music_info').style.display = 'inline';

                    if (music_id > 0)
                    {
                        document.getElementById('music_title').value = decodeURIComponent(title);
                        document.getElementById('composer').value = decodeURIComponent(composer);
                        //if (album !== false)
                        //{
                        //document.getElementById('album').value = decodeURIComponent(album);
                        //}
                        document.getElementById('lyric').value = decodeURIComponent(lyric);
                        if (document.getElementById('cat_id').value > 2)
                        {
                            document.getElementById('cat_id').value = cat_id;
                            cat_level_reload(cat_id);
                            document.getElementById('cat_level').value = cat_level;
                        }

                        document.getElementById('music_original').innerHTML = '<a href="' + decodeURIComponent(url) + '" target="_blank" class="musictitle">' + decodeURIComponent(title) + ' - ' + decodeURIComponent(artist) + '</a>' + '<input id="original_id" name="original_id" type="hidden" value="' + decodeURIComponent(music_id) + '"><br /><span class="gen">[<a href="javascript:void(0);" onclick="similar_receive();">Chọn bài khác</a>]</span>';
                        auto_save();
                    }
                    else
                    {
                        document.getElementById('music_original').innerHTML = '<span class="genmed"><b>Bài đang gửi lên là bài hát gốc</b></span><br /><span class="gen">[<a href="javascript:void(0);" onclick="similar_receive();">Chọn bài khác</a>]</span>';
                    }
                }

                function IsNumeric(sText)
                {
                    var ValidChars = "0123456789.";
                    var IsNumber=true;
                    var Char;

                    for (i = 0; i < sText.length && IsNumber == true; i++)
                    {
                        Char = sText.charAt(i);
                        if (ValidChars.indexOf(Char) == -1)
                            IsNumber = false;
                    }

                    return IsNumber;
                }

                var autosave_id = 0;
                function auto_save()
                {
                    document.getElementById('save').value = 'Tải bài hát lên';
                    document.getElementById('save').disabled = false;

                    if (autosave_id > 0)
                    {
                        clearTimeout(autosave_id);
                    }
                    autosave_id = setTimeout("save_all()", 3000);
                }

                function data_ext_changed()
                {
                    document.getElementById('save_note').innerHTML = '';
                    auto_save();
                }

                function data_changed()
                {
                    auto_lyric();

                    data_ext_changed();
                }

                var first_upload_successful = false;
                function save_all()
                {
                    if ( document.getElementById('save').disabled == true )
                    {
                        return;
                    }
                    document.getElementById('save').disabled = true;
                    document.getElementById('save_note').innerHTML = '';
                    document.getElementById('save').value = 'Đang tải lên...';

                    var file_uploaded	= document.getElementById('file_uploaded') ? document.getElementById('file_uploaded').value : '';
                    var music_title		= document.getElementById('music_title') ? trim(document.getElementById('music_title').value) : '';
                    var artist			= document.getElementById('artist') ? trim(document.getElementById('artist').value) : '';
                    var lyric			= document.getElementById('lyric') ? trim(document.getElementById('lyric').value) : '';
                    var cat_id			= document.getElementById('cat_id') ? document.getElementById('cat_id').value : 0;
                    var cat_level		= document.getElementById('cat_level') ? document.getElementById('cat_level').value : 0;

                    if (file_uploaded && !first_upload_successful) {
                        first_upload_successful = true;
                        auto_lyric();
                    }

                    if (!music_title) {
                        document.getElementById('save_note').innerHTML = 'Bạn chưa điền tên bài hát';
                    }
                    //else if (!artist) {
                    //	document.getElementById('save_note').innerHTML = 'Bạn chưa điền tên ca sĩ trình bày';
                    //}
                    else if (!cat_id || !cat_level) {
                        document.getElementById('save_note').innerHTML = 'Bạn chưa chọn chuyên mục gửi bài hát';
                    }
                    //else if (lyric.length < 100) {
                    //	document.getElementById('save_note').innerHTML = 'Bạn chưa điền đầy đủ lời bài hát';
                    //}
                    else if (!file_uploaded) {
                        document.getElementById('save_note').innerHTML = 'Chưa hoàn tất quá trình tải file nhạc lên server, vui lòng chờ';
                    }
                    else {
                        /* var original_id = $('#original_id').val(); */
                        var original_id		= document.getElementById('original_id') ? document.getElementById('original_id').value : 0;
                        var composer		= document.getElementById('composer') ? trim(document.getElementById('composer').value) : '';
                        var album			= document.getElementById('album') ? trim(document.getElementById('album').value) : '';
                        var year			= document.getElementById('year') ? trim(document.getElementById('year').value) : 0;
                        var production		= document.getElementById('production') ? trim(document.getElementById('production').value) : '';
                        var album_id		= document.getElementById('album_id') ? trim(document.getElementById('album_id').value) : '';
                        var cat_sublevel	= document.getElementById('cat_sublevel') ? document.getElementById('cat_sublevel').value : 0;
                        var note			= document.getElementById('note') ? trim(document.getElementById('note').value) : '';

                        $.post("http://chiasenhac.com/upload.php", {
                            music_id: music_id,
                            file_uploaded: file_uploaded,
                            original_id: original_id,
                            music_title: music_title,
                            artist: artist,
                            composer: composer,
                            album: album,
                            album_id: album_id,
                            production: production,
                            year: year,
                            cat_id: cat_id,
                            cat_level: cat_level,
                            cat_sublevel: cat_sublevel,
                            lyric: lyric,
                            note: note,
                            secutity_code: '7c836744',
                        },
                        function(data){
                            if (IsNumeric(data))
                            {
                                music_id = data;
                                document.getElementById('save').value = 'Đã tải lên thành công';
                                var new_url = music_id + '.html';
                                document.getElementById('save_note').innerHTML = 'Upload đã thành công. Cám ơn bạn đã chia sẻ bài hát. Bạn vẫn còn 5 phút để có thể chỉnh sửa thông tin bài hát này. Nếu sau 5 phút không có sự thay đổi, hệ thống sẽ xử lý bài hát trong vòng 15-&gt;30 phút trước khi hiển thị tại link: http://chiasenhac.com/' + new_url + ' (<a href="http://chiasenhac.com/upload.php">Chia sẻ bài hát khác</a>)';
                            }
                            else //if (data.length < 2000)
                            {
                                document.getElementById('save').value = 'Tải bài hát lên';
                                document.getElementById('save_note').innerHTML = data;
                                document.getElementById('save').disabled = false;
                            }
                        });

                        return;
                    }

                    auto_save();
                }

                var lyric_checking = false;
                var last_music_checking = '0';
                var auto_artist = '';
                function auto_lyric()
                {
                    if ( lyric_checking )
                    {
                        return;
                    }
                    lyric_checking = true;
                    document.getElementById('save_note').innerHTML = 'Lyric checking...';

                    var file_uploaded	= document.getElementById('file_uploaded') ? document.getElementById('file_uploaded').value : '';
                    var music_title		= document.getElementById('music_title') ? trim(document.getElementById('music_title').value) : '';
                    var artist			= document.getElementById('artist') ? trim(document.getElementById('artist').value) : '';

                    if (!file_uploaded && !music_title) {
                        document.getElementById('save_note').innerHTML = 'Chưa hoàn tất quá trình tải file nhạc lên server, vui lòng chờ';
                    }
                    else
                        if (!music_title) {
                            document.getElementById('save_note').innerHTML = 'Bạn chưa điền tên bài hát';
                        }
                    /*else if (!artist) {
                            document.getElementById('save_note').innerHTML = 'Bạn chưa điền tên ca sĩ trình bày';
                    }*/
                    else {
                        var cat_id		= document.getElementById('cat_id') ? document.getElementById('cat_id').value : 0;
                        var cat_level	= document.getElementById('cat_level') ? document.getElementById('cat_level').value : 0;
                        var composer	= document.getElementById('composer') ? trim(document.getElementById('composer').value) : '';

                        if (!artist) {
                            document.getElementById('artist').focus();
                        }

                        $.post("http://chiasenhac.com/ajaxlyric.php", {
                            music_id: music_id,
                            file_uploaded: file_uploaded,
                            music_title: music_title,
                            artist: artist,
                            composer: composer,
                            cat_id: cat_id,
                            cat_level: cat_level,
                            secutity_code: '7c836744',
                        },
                        function(data){
                            results = data.split('-*|*-');

                            if ( results.length == 9 && IsNumeric(results[0]) && IsNumeric(results[1]) && IsNumeric(results[2]) )
                            {
                                if ( last_music_checking != results[0] )
                                {
                                    select_lyric(results[0], results[1], results[2], results[3], results[4], results[5], false, results[6], results[8]);
                                    if ( results[7] && (!artist || artist == auto_artist) )
                                    {
                                        document.getElementById('artist').value = results[7];
                                        auto_artist = results[7];
                                    }
                                    last_music_checking = results[0];
                                }
                            }
                        });
                    }

                    document.getElementById('save_note').innerHTML = '';
                    lyric_checking = false;
                }


                window.onbeforeunload = function() {
                    var music_title		= document.getElementById('music_title') ? trim(document.getElementById('music_title').value) : '';
                    if (music_title != '' && !first_upload_successful)
                    {
                        return "Bai hat chua duoc tai len xong. Co chac la ban muon chuyen qua trang khac?";
                    }
                }

                //-->
            </script>


            <script language="JavaScript" type="text/javascript">
                var cat_id_selected = 3;
                function cat_level_reload(cat_id)
                {
                    cat_id_selected = cat_id;
                    document.getElementById('cat_level').options.length = 0;
                    if (cat_id == 1) {
                        document.getElementById('cat_level').options[0]=new Option("Video Việt Nam", "1", false, false);
                        document.getElementById('cat_level').options[1]=new Option("Video Âu, Mỹ", "2", false, false);
                        document.getElementById('cat_level').options[2]=new Option("Video Hoa", "3", false, false);
                        document.getElementById('cat_level').options[3]=new Option("Video Hàn", "4", false, false);
                        document.getElementById('cat_level').options[4]=new Option("Video nước khác", "5", false, false);
                    }
                    if (cat_id == 2) {
                        document.getElementById('cat_level').options[0]=new Option("Playback Việt Nam", "1", false, false);
                        document.getElementById('cat_level').options[1]=new Option("Playback Âu, Mỹ", "2", false, false);
                        document.getElementById('cat_level').options[2]=new Option("Playback Hoa", "3", false, false);
                        document.getElementById('cat_level').options[3]=new Option("Playback Hàn", "4", false, false);
                        document.getElementById('cat_level').options[4]=new Option("Playback nước khác", "5", false, false);
                    }
                    if (cat_id == 3) {
                        document.getElementById('cat_level').options[0]=new Option("Nhạc pop, rock...", "1", false, false);
                        document.getElementById('cat_level').options[1]=new Option("Nhạc rap, hiphop", "2", false, false);
                        document.getElementById('cat_level').options[2]=new Option("Nhạc dance, remix", "3", false, false);
                    }
                    if (cat_id == 4) {
                        document.getElementById('cat_level').options[0]=new Option("Nhạc pop, rock...", "1", false, false);
                        document.getElementById('cat_level').options[1]=new Option("Nhạc rap, hiphop", "2", false, false);
                        document.getElementById('cat_level').options[2]=new Option("Nhạc dance, remix", "3", false, false);
                    }
                    if (cat_id == 5) {
                        document.getElementById('cat_level').options[0]=new Option("Nhạc pop, rock...", "1", false, false);
                        document.getElementById('cat_level').options[1]=new Option("Nhạc rap, hiphop", "2", false, false);
                        document.getElementById('cat_level').options[2]=new Option("Nhạc dance, remix", "3", false, false);
                    }
                    if (cat_id == 6) {
                        document.getElementById('cat_level').options[0]=new Option("Nhạc pop, rock...", "1", false, false);
                        document.getElementById('cat_level').options[1]=new Option("Nhạc rap, hiphop", "2", false, false);
                        document.getElementById('cat_level').options[2]=new Option("Nhạc dance, remix", "3", false, false);
                    }
                    if (cat_id == 7) {
                        document.getElementById('cat_level').options[0]=new Option("Nhạc pop, rock...", "1", false, false);
                        document.getElementById('cat_level').options[1]=new Option("Nhạc rap, hiphop", "2", false, false);
                        document.getElementById('cat_level').options[2]=new Option("Nhạc dance, remix", "3", false, false);
                    }
                    cat_sublevel_reload(1);
                }

                function cat_sublevel_reload(cat_level)
                {
                    document.getElementById('cat_sublevel').options.length = 0;

                    if ( cat_id_selected == 2 )
                    {
                        document.getElementById('cat_sublevel').options[0]=new Option("Beat, Playback", "1", false, false);
                        document.getElementById('cat_sublevel').options[1]=new Option("Instrumental", "2", false, false);
                        document.getElementById('cat_sublevel').options[2]=new Option("Audiophile", "3", false, false);
                        document.getElementById('cat_sublevel').options[3]=new Option("Classical", "4", false, false);
                        document.getElementById('cat_sublevel').options[4]=new Option("New Age", "5", false, false);
                        document.getElementById('cat_sublevel').options[5]=new Option("Remix, Dance, Trance...", "6", false, false);

                    }
                    else if ( cat_id_selected == 3 )
                    {
                        if ( cat_level == 1 )
                        {
                            document.getElementById('cat_sublevel').options[0]=new Option("Nhạc trẻ", "1", false, false);
                            document.getElementById('cat_sublevel').options[1]=new Option("Nhạc rock", "2", false, false);
                            document.getElementById('cat_sublevel').options[2]=new Option("Thiếu nhi", "3", false, false);
                            document.getElementById('cat_sublevel').options[3]=new Option("Trữ tình", "4", false, false);
                            document.getElementById('cat_sublevel').options[4]=new Option("Quê hương", "5", false, false);
                            document.getElementById('cat_sublevel').options[5]=new Option("Tiền chiến", "6", false, false);

                        }

                        if ( cat_level == 3 )
                        {
                            document.getElementById('cat_sublevel').options[0]=new Option("Remix", "1", false, false);
                            document.getElementById('cat_sublevel').options[1]=new Option("Dance", "2", false, false);
                            document.getElementById('cat_sublevel').options[2]=new Option("Electronic", "3", false, false);
                            document.getElementById('cat_sublevel').options[3]=new Option("DJ, Nonstop", "4", false, false);

                        }
                    }
                    else if ( cat_id_selected > 3 )
                    {
                        if ( cat_level == 1 )
                        {
                            document.getElementById('cat_sublevel').options[0]=new Option("Pop", "1", false, false);
                            document.getElementById('cat_sublevel').options[1]=new Option("Rock", "2", false, false);
                            document.getElementById('cat_sublevel').options[2]=new Option("Children's music", "3", false, false);
                            document.getElementById('cat_sublevel').options[3]=new Option("R&B/Soul", "7", false, false);
                            document.getElementById('cat_sublevel').options[4]=new Option("Jazz", "8", false, false);
                            document.getElementById('cat_sublevel').options[5]=new Option("Country", "9", false, false);
                            document.getElementById('cat_sublevel').options[6]=new Option("Classical", "10", false, false);
                            document.getElementById('cat_sublevel').options[7]=new Option("Soundtrack", "11", false, false);

                        }

                        if ( cat_level == 3 )
                        {
                            document.getElementById('cat_sublevel').options[0]=new Option("Remix", "1", false, false);
                            document.getElementById('cat_sublevel').options[1]=new Option("Dance", "2", false, false);
                            document.getElementById('cat_sublevel').options[2]=new Option("Electronic", "3", false, false);
                            document.getElementById('cat_sublevel').options[3]=new Option("DJ, Nonstop", "4", false, false);

                        }
                    }
                }

                document.getElementById('cat_id').value = 3;
                cat_level_reload(3);

            </script>
            <script src="javascript/avim.js" type="text/javascript"></script>

        </div>
        <jsp:include page="mainRight.jsp"/>
        <jsp:include page="footer.jsp"/>
    </body>
</html>
